<h3>Agregar un nuevo usuario</h3>
<h4>Complete los siguientes datos</h4>
<?echo $this->Html->script('jquery-1.6.2.min');?>

<?echo $form->create(null, array('url' => array('controller' => 'usuarios', 'action' => 'save'), 'id'=>'user_add')); ?>
	<div>
		<div><label>Username</label> *</div>
		<div>
			<input id="user_name" name="data[Usuario][username]"  type="text" value="<? if(isset ($data)){echo $data['Usuario']['username'];}?>" />
			<?echo $form->error('Usuario.username', null, array('class'=>'error'));?>
		</div>
	</div>
	<div>
		<div><label>Nombre</label> *</div>
		<div>
			<input id="user_first" name="data[Usuario][nombre]"  type="text" value="<? if(isset ($data)){echo $data['Usuario']['nombre'];}?>" />
			<?echo $form->error('Usuario.nombre', null, array('class'=>'error'));?>
		</div>
	</div>
	<div>
		<div><label>Apellido</label> *</div>
		<div>
			<input id="user_last" name="data[Usuario][apellido]"  type="text" value="<? if(isset ($data)){echo $data['Usuario']['apellido'];}?>" />
			<?echo $form->error('Usuario.apellido', null, array('class'=>'error'));?>
		</div>
	</div>
	<div>
		<div><label>Localidad</label> *</div>
		<div>
			<select name='data[Usuario][provincia]' id='MascotaProvincia'>
				<option value='0'>Seleccione su provincia</option>
				<?
				foreach($provincias as $provincia){
					echo "<option value='".$provincia['Localidad']['provincia']."'>".$provincia['Localidad']['provincia']."</option>";
				} 
				?>
			</select>
			<select name='data[Usuario][ciudad]' id='MascotaCiudad'>
				<option value='0'>Seleccione su ciudad</option>
			</select>
		</div>
	</div>
	<div>
		<div><label>Direccion</label></div>
		<div>
			<input id="user_last" name="data[Usuario][direccion]"  type="text" value="<? if(isset ($data)){echo $data['Usuario']['direccion'];}?>" />
			<?echo $form->error('Usuario.direccion', null, array('class'=>'error'));?>
		</div>
	</div>
	<div>
		<div><label>Telefono</label></div>
		<div>
			<input id="user_last" name="data[Usuario][telefono]"  type="text" value="<? if(isset ($data)){echo $data['Usuario']['telefono'];}?>" />
			<?echo $form->error('Usuario.telefono', null, array('class'=>'error'));?>
		</div>
	</div>
	<div>
		<div><label>Email</label> *</div>
		<div>
			<input id="user_email" name="data[Usuario][email]"  type="text" value="<? if(isset ($data)){echo $data['Usuario']['email'];}?>" />
			<?echo $form->error('Usuario.email', null, array('class'=>'error'));?>
		</div>
	</div>
	<div>
		<div><label>Confirmar Email</label> *</div>
		<div>
			<input id="user_email_conf" name="data[Usuario][email_confirm]" type="text" value="<? if(isset ($data)){echo $data['Usuario']['email_confirm'];}?>" />
		</div>
	</div>
	<div>
		<div><label>Password</label> *</div>
		<div>
			<input id="user_pass" name="data[Usuario][password]"  type="password" value="" />
			<?echo $form->error('Usuario.password', null, array('class'=>'error'));?>
		</div>
	</div>
	<div>
		<div><label>Confirmar Password</label> *</div>
		<div>
			<input id="user_pass_conf" name="data[Usuario][pass_confirm]" type="password" value="" />
		</div>
	</div>
	<div>

	<div>
		<input type="submit" value="Add" >
		<input type="reset" value="Reset">
	</div>
	</div>
</form>

<script type="text/javascript">
	$(document).ready( function () {
		$("#MascotaProvincia").change(function(){
			$("#MascotaCiudad").html("");
			"<option value='0'>Seleccione su ciudad</option>"
			$.post("/usuarios/getCiudades/", { 'data[]': [$("#MascotaProvincia").val()]},function(data){
				var ciudades = data.split("|");
				for(i=0;i<ciudades.length;i++){
					var datos = ciudades[i].split("$");
					$("#MascotaCiudad").append("<option value='"+datos[0]+"'>"+datos[1]+"</option>");
				}
			});
		});
	});
</script>
